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Preparing a web content file for 
downloading over a computer network 



Receive a request from a 
browser for a web content file 



In response to receiving the request, reduce 
the size of the requested file by removing 
pre-identif ied subject matter from the file 
-strip the WCF of extraneous white space 
-strip the WCF of comments 
-removed unused logic blocks from the WCF 
-consolidate duplicated logic blocks into 

a single entity 
-shorten recurring identifiers within the 
WCF 



\k 

Download to the browser 
the reduced size file 



Fig. 2 
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Optimizing Web Content for Downloading via a computer network 


Fig. 3 


Onginai Simple htm Web Content (using HTML and Javascript) 


<!- 

This Is our Simple HTML Example. This HTML File 
Calls Javascript Functions from iogic.js 




-> 

<HTML> 




<HEAD> 

<script language=Javascnpt1.2 src-'logic.js"> « 
</script> 

<script ianguage=Javascnpt1 2> 




function sayHeiio() { 

//This ts a duplicate function that also resides in Iogic.js 
alert("Hello"); 

i 

function extraFunctjonQ { 
a!ert("This is an extra function"); 

} 

</script> 
</HEAD> 

<BODY onLoad = "sayHei!o()"> 








This is our sample 




</BOQY> 
</HTML> 





Ongmal Logic js Web Content (using Javascript) 



This is the logic js file. Simple htm calls functions from this file _ 3 ^) 



function sayHeilo() { 

// The aiert function will open up a dialog window with an OK button 
alertrHeilo"); 

} 



Strip Extraneous White Space 

\ 
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/Strip Comments 


Simple.htm (Without Comments or Extraneous White Space) 



<HTML> 
<HEAD> 

<script language=Javascnpi1.2 src="logic js"></scnpt><scripi !anguage=Javascnpt1 .2> function sayHello() {alertfHello");} 

function extra FunctionQ {aieri("This is an extra function"),} </scnpt> 

</HEAD> 

<BODY onLoad = "sayHello()*'> 
This is our sample 
</BCDY> 
</HTML> 



Logic js (Without Comments or Extraneous White Space) 



function sayHelio() {aiertC'Hello");} 
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Consoiidate Duplicate Logic Blocks into One Entity 



Fig. 4 



Simpfe.htm 


<HTML> 




<HEAD> 




<script language=Javascnpt1.2 src= 


'iogicjs^f unction extraFunctionQ {a!ert("This is an extra function"), } </scnpt> </scnpt> 


</HEAD> 




<80DY onLoad = "sayHeilo()"> 




This is our sample 




</BODY> 




</HTML> 





Logic js 



function sayHeiio() {alert("Hel!o");} 



H £ 



Remove Unused Logic Blocks 



Simple.htm 


<HTML> 




<HEAD> 




<script language=Javascnpt1.2 src-'logic.js"></scnpt> 




</HEAD> 




<BODY onLoad = "sayHeHo()"> 




This is our sampie 




</BODY> 




</HTML> 





Logic js 



function sayHelloQ {aSertC'Hedo 11 );} 
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Shorten Recurnng identifiers 



Simpie.htm 


<HTML> 




<HEAD> 




<script tanguage=Javascnpt1 .2 src- , iagic.js"></script> 




</HEAD> 




<BODY onLoad = ,, a() ,, > 




This is our sample 




</BODY> 




</HTML> 





Logic.js 



function a() {aiert("Heilo");} 



